SPA2019-11-13 23:20:48 by冲冲 1、概念（1）MPA（multi-page application）特点：每一次页面跳转的时候，后台服务器都会返回一个新的html文档，这种类型的网站就是多页网站，也叫多页应用。（2）SPA（single-page application）① 原理：第一次进入页面时就会加载相应的HTML、JavaScript 和 CSS，需要切换内容时，通过JavaScript感知url变化，更换当前页面内容，但是并没有新的html文件请求。此时路由不再是后端做，而是前端做。...
来源：https://www.cnblogs.com/amunamuna/p/8997533.html先执行安装fastclick的命令。npm install fastclick -S之后，在main.js中引入，并绑定到body。import FastClick from ‘fastclick‘FastClick.attach(document.body);原文：https://www.cnblogs.com/zhaoyun4122/p/10818604.html
v-if 完全根据表达式的值在DOM中生成或移除一个元素。如果v-if表达式赋值为false，那么对应的元素就会从DOM中移除；否则，对应元素的一个克隆将被重新插入DOM中。<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="example"> <p v-if="greeting">Hello</p> </div><script src="js/vue.js"></script> <script> var vm2 = new Vue({ el:‘#exa...
Vue.js笔记(一)Vue.js引入方法CDN引入下载vue.jsVue.js的使用1.创建Vue对象 new Vue({}) 2.属性el:element 需要获取的元素，一定是html的根容器元素data:用于数据的存储methods:用于存储各种方法3.在使用数据的地方使用{{ data的属性名}}或{{methods中方法名()}}4.代码示例 js代码：new Vue({el:"#vue-app",data:{name:"andy"，job:"java Web开发"},methods:{greet:function(time){return 'Good '+time+'!';}} });html代码：<!DOCT...
组件使用细节点解决元素标签位置错误的问题：is 属性<div id="app"><table><tbody><!--tbody里要用一个组件,但不能直接写组件名 会导致位置错误问题，使用 is 属性将自定义组件row 与 tr 标签绑定在一起 --><tr is=‘row‘></tr><tr is=‘row‘></tr><tr is=‘row‘></tr></tbody></table><ul><li is=‘row‘></li><li is=‘row‘></li><li is=‘row‘></li></ul></div><script>Vue.comp...
分为三个部分:1.template模版：123456<script type="text/x-template" > <form v-on:submit.prevent="addtodo(newtodo)"> <input type="text" v-model="newtodo.title"> <button type="submit">提交</button> </form></script>2.vue.js的js操作:12345678910111213141516Vue.component(‘todo-form‘,{ template:‘#todo-form-template‘, props:[‘todos‘], data(){ return { new...
原文地址：http://www.cnblogs.com/xueweijie/p/6907676.html <div id="app"><input type="text" ref="input1"/><button @click="add">添加</button> </div><script> new Vue({el: "#app",methods:{add:function(){this.$refs.input1.value ="22"; //this.$refs.input1 减少获取dom节点的消耗}} }) </script>一般来讲，获取DOM元素，需document.querySelector（".input1"）获取这个dom节点，然后在获取input1的值。但是用ref绑定之...
By default, vue-router doesn’t lazy load the routes unless you tell it to do it. Lazy loading of the non-critical routes is one of the points of the PRPL pattern.This lesson will show you how you can use the dynamic import to lazy load non-critical routes. When we using Vue dynamice import syntax:const router = new VueRouter({routes: [{ path: ‘/images‘, component: () => import(‘./components/Im...
D:\vuejselement\workSpace\zutnlp_platform_show>cnpm install --save core-js/modules/es6.array.find-index × Install fail! Error: [@core-js/modules/es6.array.find-index] resolved target D:\vuejselement\workSpace\zutnlp_platform_show\core-js\modules\es6.array.find-index error: ENOENT: no such file or directory, lstat ‘D:\vuejselement\workSpace\zutnlp_platform_show\core-js‘ Error: [@core-js/modules/e...
import lodash from ‘lodash‘<input v-on:onclick ="doStuff">methods: { doStuff:loadsh.debounce(function () { // ... }, 500)} 每天学习一点点 编程PDF电子书免费下载： http://www.shitanlife.com/code原文：https://www.cnblogs.com/scode2/p/8671948.html
组件路径：/views/home/components/bottom.vue 示例：<template><div><h1>底部信息</h1><div>{{copyright}}</div></div> </template> <script> export default {name: "bottom",props:["copyright"] }; </script>组件建立在components文件夹下，传值使用props，参数是数组形式。使用主键示例：三行红色<template><div><h1>首页</h1><bottom copyright=‘xxxxx 2020‘></bottom></div> </template> <script> import bottom from ‘@...
1、vue.js的目的Vue的产生主要是解决三个问题1.1、主要解决的是数据绑定的问题1.2、主要是构建大型的单页面程序，解决app页面卡顿的问题1.3、支持组件式开发，采用积木式编程2、Vue.js的特性 1、mvvm模式2、组建化3、指令系统4、vue.js开始支持虚拟dom 虚拟dom可以提升页面的刷新速度 原文：http://www.cnblogs.com/bjjjunjie/p/7106579.html
https://blog.csdn.net/maray/article/details/50988500?utm_source=blogxgwz0import Blur from ‘vux/src/components/blur/index.vue‘ import Cell from ‘vux/src/components/cell/index.vue‘ import Range from ‘vux/src/components/range/index.vue‘ import Toast from ‘vux/src/components/toast/index.vue‘ import Group from ‘vux/src/components/group/index.vue‘原文：https://www.cnblogs.com/zhoudawei/p/97954...
1.前言vue的插件其实通过Vue这个对象，为Vue或者它的原型链上添加新的属性。或者调用Vue的api完成其他事情，例如添加自定义指令或者过滤器。2.使用script标签添加插件(1)新建vue-Plugin.js文件，写入 (2)为Vue这个对象添加一系列属性方法，或者注册全局的过滤器和自定义指令 (3)引入使用script引入vue-Plugin.js文件，要确保此前vue已经被引入//vue-Plugin.js //确保在这之前已经引入了vue这个框架//为所有的Vue实例挂载一个$getMs...
看到各种单页应用之后，觉得单页应用简直酷毙了，作为一个技术宅，在假期的 时候恶补了一下vue ，觉得还不错，不过想想前端的东西毕竟还是太广博了。我也不知道怎么写反正应用起来有点别扭，就是资料太少了，成型的东西 也太少了，就说说简单的思路吧。vue相当于前段的框架，用于更新数据，废话不多说，仅仅说应用引入vue第一，我想做一个单页应用第二，静态文件又http服务器转发给客户端，而服务端就可以不参数与这些文件的更新，...