随笔分类 - Vue
摘要：vue init webpack-simple .。 将我们的项目更加方便,更有助于开发者快速开发。 vue init webpack-simple的项目默认打包后之后一个html和一个js文件，而vue init webpack项目默认打包完之后，会有很标准的目录。 vue init webpac
阅读全文
摘要：基础语法 npm install -g vue-cli 全局安装vue-cli npm install bootstrapt@3.3.7 安装指定版本 node -v 查看node版本 npm -v 查看安装库版本 npm install gulp@3.9.1 安装制定版本 -S, --save 安
阅读全文
摘要：安装： npm install -g vue-cli Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供： 通过 @vue/cli 搭建交互式的项目脚手架。 通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型开发。 一个运行时依赖 (@
阅读全文
摘要：基本示例 这里有一个 Vue 组件的示例： // 定义一个名为 button-counter 的新组件 Vue.component('button-counter', { data: function () { return { count: 0 } }, template: '<button v-
阅读全文
摘要：基础用法 你可以用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。 它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但 v-model 本质上不过是语法糖。 它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊
阅读全文
摘要：计算属性 模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。 在模板中放入太多的逻辑会让模板过重且难以维护。例如： split = 字符中间空格分割, reverse= 反转 join('') = 以空格合并 <div id="example"> {{ message.split('').
阅读全文
摘要：列表渲染 用 v-for 把一个数组对应为一组元素(for循环) 我们可以用 v-for 指令基于一个数组来渲染一个列表。 v-for 指令需要使用 item in items 形式的特殊语法， 其中 items 是源数据数组，而 item 则是被迭代的数组元素的别名。 <ul id="exampl
阅读全文
摘要：监听事件 可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。 可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。 示例： <div id="example-1"> <button v-on:click="counter
阅读全文
摘要：Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。 所有 Vue.js 的模板都是合法的 HTML ，所以能被遵循规范的浏览器和 HTML 解析器解析。 在底层的实现上，Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统，Vue 能够
阅读全文
摘要：一、安装 1. 去vue官网： https://cn.vuejs.org/ 2. 引入vue.js文件 <body> <script src="vue.js"></script> </body> 引入vue.js文件之后，Vue被注册为一个全局的变量，它是一个构造函数。 三、使用Vue实例化对象 <
阅读全文
摘要：Vue 思想： 数据驱动视图 vue的作者叫尤雨溪，中国人。 关于他本人的认知，希望大家读一下这篇关于他的文章，或许你会对语言，技术，产生浓厚的兴趣。 https://mp.weixin.qq.com/s?__biz=MzA5NzkwNDk3MQ==&mid=2650585523&idx=1
阅读全文
摘要：webpack干嘛的？： 模块打包机，分析目录结构，找到js模块（包括浏览器不能直接识别的代码 typscript sass...）,打包成合适的格式供浏览器访问 webpack是一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为
阅读全文
摘要：创建包 目录结构 cmd cd 到当前目录: \ 执行 npm init //创建一个包 1 2. 3. 4.包的安装 npm install jquery --save npm install bootstrap --save npm install swiper --save // 一个滚屏插件
阅读全文
摘要：二、安装Node.js步骤 1、下载对应你系统的Node.js版本:https://nodejs.org/en/download/2、选安装目录进行安装3、环境配置4、测试 开始安装 1、下载完成后，双击“node-v6.9.2-x64.msi”，开始安装Node.js 点击【Next】按钮 勾选复
阅读全文
摘要：打开Nodejs英文网：https://nodejs.org/en/ 中文网：http://nodejs.cn/ 我们会发现这样一句话： 翻译成中文如下： Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O
阅读全文
摘要：JavaScript 语言中，生成实例对象的传统方法是通过构造函数。 <script type="text/javascript"> // 传统的构造函数创建对象 function Animal(name,age){ this.name =name; this.age = age; } //很难理解
阅读全文
摘要：对象的单体模式 为了解决箭头函数this指向的问题 推出来一种写法 对象的单体模式 <script type="text/javascript"> var person = { name:'张三', age:18, //为了解决箭头函数this指向的问题 推出来一种写法 对象的单体模式 fav(){
阅读全文
摘要：箭头函数 基本语法： ES6允许使用“箭头”（=>）定义函数 普通函数： <script type="text/javascript"> var f = function(a){ return a; } t = f(1) // console.log(typeof(t)) console.log(t
阅读全文
浙公网安备 33010602011771号