<template><div id="app"><input type="checkbox" id="checked" v-model="checked"/><label for="checked">{{checked}}</label><br /><input type="checkbox" id="jack" value="jack" v-model="names" /><label for="jack">jack</label><input type="checkbox" id="sim" value="sim" v-model="names" /><label for="sim">sim</label><input type="checkbox" id="tom" value="tom" v-model="names" /><label for="tom">tom</label><...
vue新手小白，在看vue文档的时候 发现vue关于 数组，对象值改变的与 ng有那么点不同。官方表示由于 JavaScript 的限制，Vue 不能检测以下变动的数组：当你利用索引直接设置一个项时，例如：vm.items[indexOfItem] = newValue当你修改数组的长度时，例如：vm.items.length = newLength但是对于曾经使用ng的我来说，是不一样的。比如：vue 不能检测你直接根据数组的索引对数组的某个值修改。Vue 不能检测对象属性的添加或删除。但是它...
编写第一段 Hello world代码<div id="app">{{message}} </div> <script type="text/javascript"> var app = new Vue({ el:‘#app‘, data:{ message:‘hello world‘ } }) </script>原文：https://www.cnblogs.com/laohange/p/12819496.html
1、安装node.js 1）在https://nodejs.org/en/download/ 下载最新linux nodejs包，以v10.15.3为例：wget https://nodejs.org/dist/v10.15.3/node-v10.15.3-linux-x64.tar.gztar zxvf node-v10.15.3-linux-x64.tar.gz mv node-v10.15.3-linux-x64 /usr/local/nodejs ln -s /usr/local/nodejs/bin/npm /usr/local/bin/ ln -s /usr/local/nodejs/bin/node /usr/local/bin/2、安装cnpm（安装cnpm是因为使用npm install安装包时速度很...
B站地址https://www.bilibili.com/video/av74592164?p=9 感谢老师精彩的讲解，让我受益匪浅。这个视频的系列缺少划分插槽的案例，所以略显繁琐登录页面后端传递一个token 传递给前端。 前端保持登录状态。cookie session 不存在跨域token 跨域token 原理客户端获得token之后存储，后续请求都携带token 。然后后端去校验就可以实现登录校验了git 创建分支git checkout -b login //login分支 git branch //查看所有分支login页面的搭...
vue-router路由vue-cli脚手架vuex状态管理---------------------------------vue-router路由（需要安装一个插件）bower install vue-router单应用界面只有一个界面 配置的名字 不能改 routes 不然报错传参 ---------------------------------vue-cli脚手架 进入项目目录1.cnpm install vue-cli -g2.vue init webpack-simple vue-cli-demo（ vue-cli-demo 项目名称）配置 一路通 3.3.1 cd vue-cli-democd 到项目里面去 这个 vue-c...
关于vue父子组件通信作者：狐狸家的鱼本文链接：vue组件通信GitHub：sueRimn如果组件是一个单页面，组件之间存在父子关系，数据传递就需要根据父子不同的地位使用不同的办法。借助新建的Electron-vue项目自带的两个组件来说明。目录结构如下：其中LandingPage.vue是父组件，SystemInformation.vue是子组件。一、父组件向子组件传递数据父组件可通过Props向子组件传递数据。子组件： 子组件显示从父组件获取的数据到newName，newPwd...
要模仿的界面如下： 一、组件拆分1）重设css在static中新增css/reset.css，样式参考：https://github.com/lwl0812/vue-sell/tree/master/static/css在index.html中引入reset.css2）设置移动端的viewport<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">3）重写 App.vue<template><div id="app"><div class="header">I am header.</div><header></he...
第一步：第二步：// vue.config.jsmodule.exports = { configureWebpack: { resolve: { alias: { ‘assets‘: ‘@/assets‘, ‘components‘: ‘@/components‘, ‘views‘: ‘@/views‘, } } },}并且，在没有自行配置alias的时候，就已经可以使用inquire(‘@/xxx’)的方式来引用src/xxx了。也就是@已经被alias成了根目录下的src。 原文：https://www.cnblogs.com/Sweepingmonk/p/108685...
v-once只渲染元素和组件一次。随后的重新渲染，元素/组件及其所有的子节点将被视为静态内容并跳过。这可以用于优化更新性能。 v-html内容按普通 HTML 插入 - 不会作为 Vue 模板进行编译双大括号会将数据解释为普通文本，而非 HTML 代码。为了输出真正的 HTML，你需要使用 v-html<div id="app">{{msg}}<p>Using mustaches: {{ rawHtml }}</p><p v-html="rawHtml"></p> </div> <script type="text/javascript"> var vm = new Vue({el...
我们知道，vue组件中，父组件把数组传递给子组件的话，通常是使用props传递，而vue规定，prop是只能单向下行传递的，那么子组件要怎么才能实现数据的向上传递呢，这里引述一个概念："父子组件的关系：prop向下传递，事件向上传递"，上一篇文章当中，关于数据向上传递用到的事件方法 $emit() 也进行了详细的说明，不懂的童鞋可以翻回去看一下。下面就是今天要说的父子组件相互通信的问题，点击效果依次如下：代码如下：<!DOCTYPE ht...
本文为转载，原文：Vue学习笔记入门篇——组件的通讯组件意味着协同工作，通常父子组件会是这样的关系：组件 A 在它的模版中使用了组件 B。它们之间必然需要相互通信：父组件要给子组件传递数据，子组件需要将它内部发生的事情告知给父组件。然而，在一个良好定义的接口中尽可能将父子组件解耦是很重要的。这保证了每个组件可以在相对隔离的环境中书写和理解，也大幅提高了组件的可维护性和可重用性。在 Vue 中，父子组件的关系可以...
v-for指令，是用来循环的，常用的情况有以下4种<div id="divApp"><!--迭代数字--><p v-for="n in 5">{{n}}</p><!--显示数组的索引和值--><p v-for="(a,i) in array">索引：{{i}}-----值：{{a}}</p><!--显示对象数组--><p v-for="(p,i) in list">第{{i+1}}个人的姓名是：{{p.name}}</p><!--显示对象--><p v-for="(val,key,i) in person">索引:{{i}},键:{{key}},值:{{val}}</p></div><script>var v = new Vue({el: ‘#divApp‘,data:...
vue学习笔记（一） 安装： 全局安装vue：npm install vue-cli -g 创建vue项目：vue init webpack <filename> 安装vue所需插件： vue install 启动项目： npm run dev 技术点： <ul> //循环 <li v-for="item in items"></li> </ul> html字符串 <div v-html="html">这样浏览器才会解析 否则就会直接按照字符串渲染到页面上</div> 属性用变量 <div v-b...
学习vue之前，首先学习前段打包工具--webpack，本文就是分享了关于webpack的学习，有兴趣的朋友可以看一下最近由于项目用到了vue，之前一直久闻大名，但是知之甚少，趁此机会学习一下vue。学习vue之前，首先学习了前段打包工具--webpack，目前非常优秀和使用广泛的打包工具。参照webpack官方教程进行学习，不过官方教程目前是基于webpack3的，而实际使用的是webpack4，目前有一些比较大的差异，也做了些总结，在这里做一个简单的记...