阻止冒泡百度
事件捕获百度
事件修饰符 v-if
符合条件 我们就渲染到html文档中 反之 不符合 就不渲染 渲染：将元素添加到文档中 不符合则移除
Hello Vue请输入年龄:
{{typeof age}}您的年龄是：{{age}}src="http://www.kingceram.com/post/js/vue.js">>new Vue({el: '#app',data: {age: null}})体会渐进式是 原来从头到尾往下执行不会停 而这个vue渐进式 你走一点输入11 他就对于11 或输入其他的
会再次执行这次v-if这个判断 一直判断 若null 则无dom元素 有就执行接下来操作(始终触发v-if再次执行)
动态渲染是你输入的html标签也会动态变化在操作dom文档满足v-if条件才渲染到页面上
Vue 的渐进式指的是 Vue.js 框架可以逐步应用到项目中，也就是说，可以先使用 Vue.js 的一部分功能，然后再逐渐引入其他功能，以适应项目的需求 。这样可以使项目变得更加灵活，同时也可以降低学习成本和开发难度 。
动态渲染是 Vue.js 的核心特性之一，指的是 Vue.js 可以根据数据的变化自动更新视图 。在 Vue.js 中，只需要将数据绑定到视图上，当数据发生变化时，视图会自动更新，无需手动操作 DOM 。动态渲染可以提高开发效率，减少出错的可能性 。
v-show
带有v-show的元素始终会被渲染并保留在DOM中 。v-show只是简单地切换元素的CSS.
v-show 和 v-if 不一样 这里面不管v-show的条件成立与否 都会将所在的标签渲染到dom中 只是显示与不显示通过css样式控制
Hello Vue请输入年龄:
{ typeof age}}-->您的年龄是：{{age}}未成年有位青年步入青年进入老年输入错误输入错误已成年src="http://www.kingceram.com/post/js/vue.js">>new Vue({el: '#app',data: {age: null}})v-show 只是把限定条件去除而已
列表渲染 v-for
基于源数据多次渲染元素或模板块 。此指令之值，必须使用特定语法alias in ,为当前遍历的元素提供别名：
alias 临时变量数组 每次从数组拿出一个数据给临时变量
支持的类型 ||array||(2.6新增)
Hello Vuev-for="num in 10">{{num}}
v-for="str in 'abcdefg'">{{str}}
v-for="str in ['a','b','c']">{{str}}
v-for="item in arr">{{item}}- {{item}}
- {{item}}
- {{item}}
用户名：{{user.username}}手机：{{user.mobile}}Hello Vue
- Vue+Element Plus 初始化
- Vue2 新手上路无处不在的特殊符号，让人傻傻分不清 “:”、“
- Vue的学习笔记二：万里长征第一步~Vue调试工具安装
- 谷歌浏览器安装vue调试工具vue-devtools最全
- vue html2canvas截屏报Failed to execute ‘toD
- Web前端学习笔记——VueJS-APP案例
- lerna+rollup搭建vue组件库并发布到npm
- vite打包vue组件库
- MapVue，一个基于mapbox gl的开源vue组件库
- node命令交互inquirer