随笔分类 - 前端
摘要：一、加上prevent,当点击按钮后，页面不会刷新 <button v-on:click.prevent="post">添加博客</button>
阅读全文
摘要：先用命令安装库 cnpm install vue-resource --save-dev main.js home.vue post方法 如果方法不放到 methods里面，那么访问页面就会执行函数 获取响应的data.body里面数组不同位置的数据 .then(function(data){ co
阅读全文
摘要：先要把路由的库安装上,cd到项目 sudo cnpm install vue-router --save-dev 主组件 main.js 注意点: url直接拼接访问 在配置路由时 加 mode:'history' APP.vue 父组件 <template><div id="app"> //导航
阅读全文
摘要：占位 https://ke.qq.com/webcourse/index.html#cid=467769&term_id=100559906&taid=3980116128899897&vid=5285890796289943737 export default { data() { return
阅读全文
摘要：注意要先组册组件 https://www.cnblogs.com/kaibindirver/p/13368830.html 一、父组件传值给子组件的方法 父组件 v-bind:users 可以简写为 :users 子组件 接受父组件的另外一种写法 props:{users:{ type:Array,
阅读全文
摘要：App.vue注册局部组件 多个组件注意components里面是逗号分隔 components:{ "users":Users, "app-header":Header } main.js 注册全局组件
阅读全文
摘要：app.js // 组件 Vue.component("greeting",{ template:`<p>{{name}}大家好,给大家介绍一下我的女朋友@关晓彤 <button v-on:click="changeName">点击我变化</button></p> `, data:function(
阅读全文
摘要：var one= new Vue({ el:"#ttt", data:{ color:"red", dis:true } }); new Vue({ el:"#ttt2", methods:{ Change: function(){ one.color="我是改变的"} }
阅读全文
摘要：method里面的方法，当前端用多个 执行一个相同的函数都会全部执行一遍 computed计算方法，使用里面的方法 当前端用多个 执行一个只会出发自身函数 其他相同函数不会触发
阅读全文
摘要：vue init webpack my-project 的方法 https://blog.csdn.net/AYKMe/article/details/84646571 https://www.cnblogs.com/mracale/p/10731661.html https://blog.csdn
阅读全文
摘要：模块化引用js <script type="module" src="index.js"> https://ke.qq.com/webcourse/index.html#cid=2588158&term_id=102693719&taid=9173264167828990&vid=528589080
阅读全文
摘要：data: 数据 template: 字符串，配置模版 参考: https://www.cnblogs.com/kaibindirver/p/13285430.html el:配置挂载区域 methods: 配置方法 computed: 配置计算属性 里面的函数可以当变量去调用 可以设置访问、赋值分
阅读全文
摘要：<div id="app"> <h1 v-html="title"> </h1> v-html指令(把值当html去渲染，可以渲染标签等) <a v-bind : href=" link" >{{text}}</a> v-bind 绑定属性 <a : href=" link" >{{text}}</
阅读全文
摘要：模版字符串 可以随意换行 var str =`a b` 拼接字符串 var name="成功" var str = `姓名 ${neme}` 模版的放置 方法一 直接书写 <h1> {{title}} #这里是模版里面的插值，是js表达式，可以用js的函数 如换成 {{title.substr(2)
阅读全文
摘要：挂载的2种方法 var vm = new Vue({ el : "#app", data : { title: "商品管理" } vm.$mount("#app")
阅读全文
摘要：速写属性 var name='abc' var obj ={ name=name} 速写如下 等于上面的写法 var obj={naem} 速写方法 var obj={ name:"张三"， sayHello : function(){console.log(this.name)} } 速写如下 等
阅读全文
摘要：使用 vm.title 获取值 vm.title="我是其他值" 页面也会跟着变化 (可以在console里面敲页面也会变，vue的响应式) vm.$data.title 这个写法也可以 第二个demo<!DOCTYPE html><html> <div id="app"> <h1> {{title
阅读全文
浙公网安备 33010602011771号