杨葱儿

方法一： <div id="app"> <button @click="getData($event,'100')">点我</button> </div> methods : { getData(e,num) { console.log(num); // 输出 100 } } 方法二： &lt...

1.使用<router-link>创建 a 标签 <router-link to="/city"> <div>跳转</div> </router-link> 2.借助 router 的实例方法 （js）-----编程式导航 methods: { handlecityclick: functio...

开始事件：@touchstart 移动事件： @touchmove 结束事件： @touchend // 获取事件对象 @touchend="touchend($event)"

数组循环： <!-- item值 index下标 --> <div id="app"> <ol> <li v-for="(item,index) of arr"> {{item}} {{index}} {{item.name}} <!-- item是arr下的对象,取对象下对应值 ...

本来的不加定位，不设置超出隐藏的时候，显示的是右侧滚动条，但是手机端的话，最好还是不用滚动条，所以用这个第三方来处理 1.执行命令安装:npm install better-scroll --save 2.重启：npm run start 3.Dom格式 要符合：（就是最外层有包裹，再包裹，然后一样的列，可以是其他标签） <div class="wrapper"> ...

1.在父组件中定义数据名 2.父组件中设置数据 3.父组件传给子组件（给子组件用属性的方式传递） 4.子组件接收props 5.子组件渲染数据 5.1渲染列表 ...

1.安装axios：执行命令npm install axios --save 2.重启：npm run dev 3.使用axios import axios from 'axios' //1.引入axios export default { name: 'Home', components: { HomeHeader }, methods: { ge...

希望使用stylus的css开发辅助工具 ，帮助我们开发网站样式 ，类似less和sass 方便我们快速编写css代码 可以解决组件件样式的相互影响 文件中执行命令： npm install stylus --save npm install stylus-loader --save npm run start 然后再组件的.vue文件中:给style标签添加lang="sty...

<!-- 循环渲染，然后判断--> <div v-for = "(item,index) in datas" :class = "active == index ? 'addclass' : '' " @click='tapcar(index)'> {{item}} </div> .addclass{ border: 1px soli...

var vm = new Vue({ el: '#app', data: { ... }, methods: { test1：function(){ ... }, test2：function(){ this.$options.methods.test1(); //this.$op...

<!--设置data中的num给属性data-num赋值--> <div id="app"> <button :data-num="num" ref="dataNum" @click="getsum($event)">点我</button> </div> var vone = new Vue({ el: '#app...

vue 只能承担视图层的主要类容 vuex 数据框架 大量数据 1.安装 npm install vuex --save 1.1在main.js中引入：import store from './store/store' 1.2注册使用store new Vue({ el: '#app', router, store, components: { App }...