
vue
web_xyk
这个作者很懒,什么都没留下…
展开
-
vue-cli 构建项目,vue-cli请求后台接口,vue-cli使用axios、sass、swiper
1.vue-cli 构建项目//全局安装 vue-clinpm install - g vue- cli//创建一个基于 webpack 模板的新项目vue init webpack my- project//cd 进入刚新建的项目文件(my-project)cd my- project// 运行npm run dev 2.vue-cli 使用axios...原创 2018-04-13 18:41:26 · 5677 阅读 · 0 评论 -
vue路由使用,vue-router传参接参
一、通过引入vue-router.js的方式使用1.单层路由const chinese = { template: '<div class="main">汉语</div>' }const english = { template: '<div class="main">英语</div>' }const app = new Vue({...原创 2018-04-13 18:48:34 · 498 阅读 · 0 评论 -
vue-devtools的安装与使用
一.在github上下载压缩包,github下载地址:https://github.com/vuejs/vue-devtools二.解压到本地的某盘三.用你的npm中进入文件夹vue-devtools-master下或者直接打开vue-devtools-master文件 ,然后shift+右键打开dos窗口四. 依次输:1:npm install 2:npm run build ...转载 2018-04-14 10:28:40 · 240 阅读 · 0 评论 -
vue中使用公用的提示弹层、加载loading
项目结构,在组件文件夹(components)下新建common文件夹,所用公用组件放里面,本例包含tips和loading两个 一、loading组件1.loading.vue组件内容如下:<template> <div class="loading" v-show="loading"> <img src...原创 2018-05-25 14:25:38 · 22821 阅读 · 2 评论 -
vue路由跳转时更改页面title
一、router文件夹下的index文件中给每个path添加meta:{}:export default new Router({ routes: [ { path: '/', name: 'index', component: index, meta: { title: 'title1' ...原创 2018-05-25 14:47:08 · 8470 阅读 · 0 评论 -
vue-cli项目使用微信分享
本例是vue-cli构建项目下使用微信分享一、index.html中引入微信官方分享js<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> 二、在src下的assets/js文件夹下新建wx.jsapi.js文件,把分享...原创 2018-05-25 16:16:15 · 6476 阅读 · 14 评论 -
Vue3.0简介
阅读不怎么舒适,参看我的语雀原文:https://www.yuque.com/xiaocao-4xvac/zxcdyp/qepwd0更快,初始渲染/更新最高可提速一倍1.virtual dom实现完全重构2.结合模板编译提高运行时性能。减少运行时开销例如:模板里很多没有变动的地方,但是virtual dom 不可避免的生成节点对它们进行比对。可以通过在编译时对模板进行分析,来减少这...原创 2018-11-30 18:04:27 · 3212 阅读 · 0 评论