Vue知识总结

一、vue安装

 

 

1、npm install

2：安装cnpm

npm install -g cnpm --registry=http://registry.npm.taobao.org

3、安装安装webpack

npm install webpack –g

4：安装vue-cli

Vue-cli3安装 npm install –g @vue/cli

处理旧版本 npm install -9 @vue/cli-init

5、创建vue初始化项目

Vue cli2初始化项目vue init webpack my-project

vue cli3初始化项目 vue create my-project

6：npm run dev

7、安装 axios
 npm install axios -S
直接引入
<script src="https://cdn.jsdelivr.net/npm/vue"></script>

8、安装element UI

npm i element-ui -S

9、安装router

二、vue实例

 

<script>

//当一个实例被创建，它将data对象中的所有的property加入到vue的响应式系统中，

// 当property发生变化，试图也会跟着变化

//使用object.freeze(this.client)//会阻止修改现有的property,响应系统无法追踪其变换

export default {

　　name: 'App',

　　// 可以是数组获得对象类型，用于接收来自父组件的数据

　　props:{},

　　// 定义变量，变量之间不能直接互相访问 this ->windows

  　　data() {

   　　 return {

   　　   globalRouter: [],

   　　   client: '123',

   　　 }

　　},

　　// 定义方法

　　methods:{},

　　// 监听数据或者路由变化

　　watch:{},

　　// 计算属性

　　computed:{},

　　mounted () {

　　　　object.freeze(this.client)//会阻止修改现有的property,响应系统无法追踪其变换

　　}

}

</script>

三、生命周期