-
vue2.x框架常用知识点（模版语法，条件渲染，列表渲染等）
v-bind属性绑定，v-on事件绑定，条件渲染，列表渲染，class与style绑定
模版语法：vue的文件结构（template，script，style）；模版语法包含插值语法（{{data}}）、指令（指令缩写）(@click;:href;v-if)
条件渲染：v-if；v-else-if；v-else； v-show
vue2.x核心技术（vue-router，vuex）
认识vue-cli工具，组件调试，vue代码规范，vue-router，vuex
集成vue2.x
workflow工作流；单页面demo（动态表单、列表动态展示）；使用cli工具，开发常见的应用组件
查看全部 -
<div v-on:click="submit()">v-on绑定事件，可用@代替</div>
<a v-bind:href="url"> v-bind绑定属性，可用：省略代替</a>
页面加载是出现闪烁的处理办法：
1⃣️ <div v-cloak>{{msg}} --- {{age}}</div> [v-cloak]{ diaplay:none; }
2⃣️ <div v-html="template"></div> // v-html可输出原始代码
3⃣️ <div v-text="content"></div> // v-text进行转译
<div v-if="count >0">判断1</div>
<div v-else-if="count<0 && count >-5">判断2</div>
<div v-else>判断3</div>
显示<div v-show="count==0">show</div>
<div v-for="item in list">{{item}}</div>
<div v-bind:></div>
<input v-model="message" />
<span v-once>一次性插值，这个数值不会被改变{{msg}}</span>
查看全部 -
chrome vue 插件
查看全部 -
watch常用监听一个变量，可以是个数组；
computed监听多个变量，必须在vue实例中。
查看全部 -
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <div class="bg"> hello world!! </br> {{msg}} </div> </div> <script src="https://cdn.jsdelivr.net/npm/vue"></script> <script> var app = new Vue({ el: '#app', data: { msg: "勇士西部总冠军", count: 0, }, watch: { //监听函数值改变它所监听的值，其他的值它不会去做处理 msg: function (newVal,oldVal) { console.log('newVal', newVal); console.log('oldVal', oldVal); } }, computed: { msg1: function () { return 'computed' + this.msg; //这里的值，指最后app里面的data的msg的值 } } }) </script> </body> </html>查看全部 -
组件化： 独立的，可复用的，整体化的
组件化目的：实现功能模块的复用，高执行效率，开发单页面复杂应用
如何拆分：300行原则，复用原则，业务复杂性原则
带来的问题：1.组件状态管理（vuex）2.多组件的混合使用，多页面，复杂业务（vue-router）3.组件间的传参、消息、事件管理（props,emit/on,bus）
查看全部 -
知识体系图
查看全部 -
npm node包管理器
nvm node版本管理器
cnpm 淘宝提供的npm镜像
vue-cli vue开发工具
vue-devtools chrome浏览器端的vue开发调试工具
查看全部 -
nhdogimejiglipccpnnnanhbledajbpd
查看全部 -
条件渲染：
<div v-if="count > 0"></div>
<div v-else=if="count = 0"></div>
<div v-else="count < 0"></div>
查看全部 -
事件绑定：@click=“onClick()”
属性绑定： ：href=“url”
查看全部 -
computed监听着msg1 function中任何一个变量的变化，而watch只监听着msg值的变化。
查看全部 -
计算属性：computed
侦听器：watch
使用场景，watch（异步场景），computed（数据联动）
查看全部 -
视频14:18，在路由里面的path: '/add'这个路由不知道是什么时候写上的，后面的user页面跳转到add页面也不知道什么时候写的，这是挖的坑麽？
查看全部 -
Vue中写debugger，在代码运行的时候会自动跳转到浏览器的断点调试
查看全部
举报