vue
Brynn.
这个作者很懒,什么都没留下…
展开
-
Vue生命周期函数
beforeCreate() { console.log("1模板创建之前"); }, created() { console.log("2模板创建完成"); }, beforeMount() { console.log("3模板编译之前"); }, mounted() { console.log("4模板编译完"); }, bef...原创 2019-11-17 21:10:00 · 72 阅读 · 0 评论 -
Vue中组件/官方插件/第三方插件
<!-- 组件的使用 --> <!-- 注意,在哪个组件中使用就要在哪个组件中执行这三步 1.引入组件 import Home from './components/Home.vue' 2.注册组件 components:{'v-home':Home}跟data同级 3.挂载组件 <v-home> --> <!-- 官方插件的使用 注意 引入和Vue.use只用在根模块(main.js)(不是根组件app.vue)一次原创 2019-11-17 21:02:39 · 361 阅读 · 0 评论 -
Vue基础--最常见的api
绑定数据 <!-- <h2 v-text="data"></h2> --> <h2>{{data}}</h2> 绑定属性 v-bind: <!-- <div v-bind:title="attribute">属性绑定</div> --> <div :titl...原创 2019-11-17 20:57:38 · 304 阅读 · 0 评论 -
Vue使用cordova打包成apk
1.新建一个文件夹 2.创建cordova项目 cordova create DonateBlood cn.brynn.donateBlood Donate(Donate是看到的app名字,DonateBlood是文件夹名字,cn.brynn.donateBlood是项目唯一id) cordova platform add android 3.创建vue项目 在Donate...原创 2019-11-06 11:38:16 · 281 阅读 · 0 评论 -
Vue中模块化管理
Vue对比我之前使用的angular,最大的改变是将一个组件组合成一个.vue文件,让目录结构简单了不少。 下面我将.vue文件称为组件,.js文件称为模块,记录一下模块化管理的一些小细节 模块化管理就像自定义函数一样,把一些东西单独拎出来,让根模块(入口文件main.js)简介一些 下面用三个例子说明模块引入的步骤 1.第三方依赖/官方依赖包的引入 import VueResourc...原创 2019-11-03 00:17:22 · 541 阅读 · 0 评论 -
Vue中路由的配置
vue中路由的使用 1.安装:npminstallvue-router--save(写入package.json) 2.引入:在router文件夹下的index.js中importRouterfrom'vue-router'//12在以cli2创建的项目中已经完成 3.引入组件:在router文件夹下的index.js import HelloWorld from ...原创 2019-11-01 14:53:29 · 212 阅读 · 0 评论 -
Vue基础
新建项目 cli2 vue init weppack demo ps.eslint选择none cli3 vue creat demo 运行项目 cli2 vue run dev cli3 vue run serve原创 2019-11-01 11:16:48 · 97 阅读 · 0 评论 -
Vue中插件的使用
请求数据插件vue-resource使用 1.安装: npm install vue-resource --save(写入package.json) 2.在入口文件main.js引入: import VueResource from 'vue-resource' 3.在入口文件调用插件: Vue.use(VueResource); 4.入口文件引入的插件在所有模块中都可以用(...原创 2019-11-01 11:12:04 · 107 阅读 · 0 评论