随笔分类 - vue搬运工
好的学习地址小马视频
https://gitee.com/komavideo/LearnVueJS
http://komavideo.com
本人是小马的搬运工，仅用于记录使用
摘要：观察属性 知识点 $watch $watch 与computed属性类似，用于观察变量的变化，然后进行相应的处理。（我从Angular而来） <div id="myApp"> <p>今年3月3日发卖的任天堂新一代主机Switch的价格是：{{price}}円，含税价格为：{{priceInTax}}
阅读全文
摘要：计算属性 知识点 computed computed 处理元数据，便于进行二次利用。（比如：消费税自动计算功能） <div id="myApp"> 今年3月3日发卖的任天堂新一代主机Switch的价格是：{{price}}円，含税价格为：{{priceInTax}}円，折合人民币为：{{priceC
阅读全文
摘要：过滤器 知识点 filters filters 格式化变量内容的输出。（日期格式化，字母大小写，数字再计算等等） <div id="myApp"> <p>{{message}}</p> <p>{{message | toupper }}</p> <hr> <p>现在的vue.js学习进度是{{num
阅读全文
摘要：组件 知识点 component component 定义页面的局部区域块，完成单独的页面小功能。 还是不明白？看个图吧！ <div id="myApp"> <ol> <game-item v-for="item in games" v-bind:game="item"></game-item> <
阅读全文
摘要：按钮事件 知识点 v-on v-on 为页面元素绑定各种事件。（keydown, keyup, click, dbclick, load, etd.） <div id="myApp"> <p>您最喜欢的游戏是：{{mygame}}</p> <button v-on:click="btnClick('
阅读全文
摘要：处理用户输入 知识点 v-model v-model 为页面输入框进行数据邦定，例如： input select textarea components 使用例 <div id="myApp"> <p>您最喜欢的游戏是：{{mygame}}</p> <input v-model="mygame">
阅读全文
摘要：条件与循环 知识点 v-if v-for v-if 条件判断式，根据表达式的真伪进行页面处理。 <p v-if="seen">快看我！</p> v-for 处理数组循环，将数据循环显示到页面上。 <ol> <li v-for="game in games"> {{ game.title }} </l
阅读全文
摘要：从index.html开始 知识点 html5文档 vue.js导入 Vue对象 index.html 从第一个index.html开始吧！ vue.js引用 <script src="https://unpkg.com/vue/dist/vue.js"></script> html代码块 <div
阅读全文
摘要：什么是Vue.js？ Vue.js是一套开发Web页面的Javascript脚本框架，听起来难，其实是Web-Javascript脚本框架中最容易上手的框架，没有之一。 官方网站 https://cn.vuejs.org/ 竞争对手 AngularJS1/AngularJS2 ReactJS Emb
阅读全文
浙公网安备 33010602011771号