![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
磨镜台
牢骚太盛防肠断,风物长宜放眼量。
展开
-
vue的基本用法
操作数据、修改属性、添加事件函数<script src="./js/vue.js"></script><script> window.onload = function () { // 操作数据 var vm1 = new Vue({ // 选择器 el: '.box',...原创 2019-04-26 20:28:39 · 266 阅读 · 0 评论 -
条件渲染
条件渲染<script> window.onload = function () { var vm = new Vue({ el:'.box', data: { // 条件为5时 flag:5 } }); ...原创 2019-04-27 20:59:48 · 115 阅读 · 0 评论 -
列表渲染
将数组数据放在列表里<script> window.onload = function () { var vm = new Vue({ el: '.box', data: { itemList: [1, 2, 3, 4, 5], indexList:...原创 2019-04-27 20:59:07 · 140 阅读 · 0 评论 -
事件处理
阻止事件冒泡和阻止默认提交事件<script> window.onload = function () { var vm = new Vue({ el:'.box', methods: { // 监听父标签 fnFather: function ()...原创 2019-04-27 20:58:40 · 95 阅读 · 0 评论 -
数据绑定:单行文本框、多行文本框
单行文本框数据绑定<script> window.onload = function () { var vm = new Vue({ el: '.box', data:{ content:'abc', } }) }</scr...原创 2019-04-27 20:58:20 · 448 阅读 · 0 评论 -
单选框
单选框数据绑定<script> window.onload = function() { var vm = new Vue({ el:'.box', data:{ content:'男' } }) }</script>...原创 2019-04-27 20:58:02 · 509 阅读 · 0 评论 -
下拉框案例
下拉框案例<script> window.onload = function() { var vm = new Vue({ el:'.box', data:{ content:'北京' } }) }</script>&...原创 2019-04-27 20:57:43 · 379 阅读 · 0 评论 -
提示框案例
提示框案例<script> window.onload = function () { var vm = new Vue({ el:".box", data:{ isShow: false } }); }</script>...原创 2019-04-27 20:57:26 · 110 阅读 · 0 评论 -
实例声明周期
实例声明周期:在mounted中请求数据<script> window.onload = function () { var vm = new Vue({ el: '.box', data: { counter: 0 }, befor...原创 2019-04-27 20:57:05 · 147 阅读 · 0 评论 -
AXIOS基本写法
利用AXIOS请求数据,注意层级深时,匿名函数会导致this的指向改变<script> window.onload = function () { var vm = new Vue({ el:'.box', methods: { fnLoadData: function () {...原创 2019-04-27 20:56:22 · 6441 阅读 · 0 评论 -
监听属性
监听值的变化,包括新值和旧值<script src="./js/vue.js"></script><script> window.onload = function () { // 操作数据 var vm1 = new Vue({ // 选择器 el: '.box', ...原创 2019-04-26 20:30:11 · 159 阅读 · 0 评论 -
计算属性
计算属性是只读的<script> window.onload = function () { var vm = new Vue({ el:'.box', data:{ content:'hello world' },...原创 2019-04-26 20:29:48 · 207 阅读 · 0 评论 -
三目运算符的使用方法
三目运算符的使用方法<script> window.onload = function () { var vm = new Vue({ el:'.box', data:{ content:'三元目运算', //条件为真时 ...原创 2019-04-26 20:29:30 · 4257 阅读 · 0 评论 -
Vue操作Style
Vue操作Style<script> window.onload = function () { var vm = new Vue({ el:'.box', data:{ style01:{ color:'red', ...原创 2019-04-27 21:00:43 · 1632 阅读 · 1 评论