摘要：
步骤一：输入npm install vuex --save 步骤二：main.js import store from './store/store' //引入 new Vue({ el: "#app", router, components: { App }, template: "<App/>" 阅读全文
摘要：
1.直接使用ElementUI内置图标库 <template> <i class="el-icon-search"></i> //常规 <el-button icon="el-icon-search"></el-button> //按钮 <el-input suffix-icon="el-icon- 阅读全文
摘要：
1.安装路由插件 步骤一：输入npm i vue-router -S 步骤二：main.js import Vue from 'vue'; import App from "./App"; import router from "./router"; //引入src/router/index.js 阅读全文
摘要：
1.父子传值（props） //1.父组件（冒号传值） <template> <div> <zi-jian :msg1="msg"></zi-jian> </div> </template> <script> import ZiJian from './ZiJian' export default{ 阅读全文
摘要：
1.更改浏览器标题栏图标 注意：vue项目中不管是ico、jpg、png格式，照片文件都要放在static文件夹下面，然后再去更改index.html 方法一：<link rel='icon' type='image/jpg' href='./static/cjl.jpg'>（缺点：如果照片不是正方 阅读全文
摘要：
1.具名插槽（固定格式） //父组件 <template> <div> <zi-jian> <h1>父组件：h1</h1> <h1 slot="title">父组件插槽：h1</h1> </zi-jian> </div> </template> <script> import ZiJian from 阅读全文
摘要：
1.class绑定 //class绑定：方式一 <template> <div :class="{beijing:true}">class绑定</div> </template> <style> .beijing{ background:red } </style> //class绑定：方式二 <t 阅读全文
摘要：
1.computed计算属性 //computed：分离模板复杂的逻辑。 //computed有缓存。而methods是没有缓存的，每次都是重新调用。 computed:{ submit(){ return this.msg.split('').reverse('').join('') } }, 2 阅读全文
摘要：
1.插值 /* 所有的数据必须要在data中声明，即使初始值为空也要声明 */ <div>{{msg1}}</div> //纯文本 <div v-html="msg2"></div> //原始html <div>{{msg3.split('').reverse('').join('')}}</div 阅读全文
摘要：
1.vue简介 2.vue的数据驱动--MVVM模式 M：model数据模型，负责数据存储；V：view视图，负责页面的显示；VM：view model，负责业务处理。对数据进行加工，之后交给视图； 3.vue的优点 4.代码风格 1）组件名要为多个单词： · 这样做可以避免跟现有的及未来的html 阅读全文