Vue学习笔记
关注
分享
扫一扫
文章平均质量分 59
王猪精也
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue学习——非单文件组件
Vue非单文件组件原创 2021-12-10 10:07:56 · 517 阅读 · 1 评论 -
Vue学习——生命周期
Vue生命周期原创 2021-12-09 14:23:19 · 456 阅读 · 1 评论 -
Vue学习——Vue指令
Vue指令原创 2021-12-08 10:54:12 · 300 阅读 · 0 评论 -
Vue学习——过滤器
Vue过滤器原创 2021-12-07 09:29:44 · 170 阅读 · 0 评论 -
Vue学习——列表渲染
v-for指令原创 2021-12-06 09:16:50 · 164 阅读 · 0 评论 -
Vue学习——条件渲染
Vue条件渲染，v-if，v-show原创 2021-12-02 17:02:31 · 663 阅读 · 0 评论 -
Vue学习——计算属性与监视属性
Vue中的计算属性原创 2021-12-02 10:22:06 · 675 阅读 · 0 评论 -
Vue学习——事件处理
Vue中的事件处理原创 2021-12-01 15:09:32 · 228 阅读 · 0 评论 -
Vue学习——数据代理
vue中的数据代理原创 2021-12-01 09:53:32 · 158 阅读 · 0 评论 -
Vue学习——数据绑定
数据绑定 Vue中有两种数据绑定的方式： 单向数据绑定：使用v-bind，数据只能从data流向页面，不能从页面流向data 双向数据绑定：使用v-model，数据可以从data流向页面，也可以从页面流向data 双向绑定一般都应用在表单元素上，比如input、select等。 v-model:value="name" 可以简写成 v-model，因为v-model默认收集的就是value值 <body> <div id="root"> <!-- 普原创 2021-11-26 11:41:07 · 618 阅读 · 0 评论 -
Vue学习——Vue模板语法
Vue模板语法 Vue模板语法有两大类： 插值语法 指令语法 1. 插值语法 功能：用于解析标签体内容 写法：{{xxx}}，xxx是js表达式，且可以读取data中的所有属性 <body> <!-- 容器 --> <div id="root"> <h1>插值语法</h1> <h3>{{name}}</h3> </div> <script&原创 2021-11-26 11:04:23 · 467 阅读 · 0 评论 -
Vue学习——初识Vue
一、搭建Vue运行环境 下载vue.js文件 Vue下载地址 在代码中引入下载好的vue.js <script src="../js/vue.js"></script> 清理浏览器中不必要的提醒（选做） 在浏览器中安装Vue开发者工具，清理第一个 在代码中设置生产提示 Vue.config.productionTip = false // 阻止vue在启动时生成生产提示 二、Hello,Vue <body> <!-- 准备好一个容器 --&原创 2021-11-26 10:20:24 · 672 阅读 · 0 评论