vue基础
vue是渐进式的js框架 所谓渐进式就是自底向上逐层应用 因为vue本身没什么东西,都是慢慢通过插件什么的依次应用 框架的顺序是先有Angular 其次是Rcact 最后才是vue 相当于vue对上面两种进行了下总结
vue必须安装之后才能使用 安装的两种方式
1.通过bootcdn.cn网站里面查找最新的vue版本 复制下载下来 (vue.global.js)
2.通过终端命令执行npm i vue@next 来进行安装
vue的数据:
vue2的根组件的data是一个对象
vue3的根组件的data是一个函数 // 根组件就是挂载体 比如下面的
模块化开发方式案例 切记 要在服务器端开启 否则网页打开之后插值识别不出来
1 <div id="app"> 2 {{msg}} 3 div>
1 2 3
关于vue的指令 :固定格式v-作为开头 写在标签里面
v-for 列表渲染的 一定要结合 :key 一起使用 可以遍历数组和对象的(遍历的参数代表的意义并不一样 ) v-if 是“真正”的条件渲染,因为它会确保在切换过程中,条件块内的事件监听器和子组件适当地被销毁和重建。也是惰性的:如果在初始渲染时条件为假,则什么也不做——直到条件第一次变为真时,才会开始渲染条件 块。 v-else-if v-else v-show 与v-if比着 v-show就简单得多——不管初始条件是什么,元素总是会被渲染,并且只是简单地基于 CSS 进行切换。一般来说,v-if 有更高的切换开销,而 v-show 有更高的初始渲染开销。因此,如果需要非常频繁 地切换,则使用 v-show 较好;如果在运行时条件很少改变,则使用 v-if 较好。 v-bind v-on 事件绑定 eg:这种是简写的形式简写
// print()对应的是methods:里面的名字 这种不是简写形式eg: