Vue快速学习_第一节

【Vue快速学习_第一节】的更多相关文章

Vue快速学习_第一节

之前写CRM都是Django前后端一起写的,在大部分项目中实际上前后端是分离的,因此我们需要学习一个前端框架来进行前端页面的编写,这里选择了Vue进行学习,好了开始学习吧. 1.ES6部分知识点学习 let: 与var不同,var存在变量提升问题特点: 1.局部作用域 2.不会存在变量提升 3.变量不能重复声明 const: 常量声明特点: 1.局部作用域 2.不会存在变量提升 3.不能重复声明,只声明常量不可变的量模板字符串 // 通过反引号 ${变量名}来插值 let name =…

Vue快速学习_第二节

表单输入绑定(v-model) v-model 指令在表单 <input>.<textarea> 及 <select> 元素上创建双向数据绑定(注意只在表单这几个可以,实际上就是负责监听用户的输入事件以更新数据) 注意:v-model 会忽略所有表单元素的 value.checked.selected 特性的初始值而总是将 Vue 实例的数据作为数据来源. v-model 在内部为不同的输入元素使用不同的属性并抛出不同的事件: text 和 textarea 元素使用…

Vue快速学习_第五节

axios安装及使用网站文档地址:https://www.kancloud.cn/yunye/axios/234845 1.npm安装 cnpm install axios 2.// 在main.js里面引入axios import Axios from 'axios' 3.// 将axios 挂载到Vue原型上,这样全局的组件都有该方法了 Vue.prototype.$https = Axios; 4.// Axios全局配置基本url(当然也可以不配置),配置后后面就直接写之后的url即可…

Vue快速学习_第四节

获取原生的DOM方式($.refs) 给标签或者组件添加ref <div ref = 'liu'>test</div> <Home ref = 'home'></Home> this.$refs.liu 获取原始的DOM对象 this.$refs.home 获取的是组件实例化对象 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&quo…

Vue快速学习_第三节

过滤器局部过滤器(组件内部使用的过滤器,跟django的很像, filters: {过滤器的名字: {function(val, a,b){}}} 全局过滤器(全局过滤器,只要过滤器一创建,在任何组件中都能使用, Vue.filter('过滤器的名字',function(val,a,b){}) ) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&g…

VUE的学习_从入门到放弃（一）

一.vue的功能及作用工作方式如下 1.不用操作DOM 2.单页面应用web项目简称:SPA 3.当下各种新框架都采用的类似Vue或者类似React的语法去作为主语法,微信小程序/MpVue...... 4.掌握Vue的开发语法,相当于掌握了新的开发模式,可以适应目前绝大多数的技术环境 Vue特点 1.数据驱动视图,可以让我们只关注数据 2.MVVM双向绑定 3.通过指令增强了html功能 4.组件化,复用代码 5.开发者一般只关注数据 Vue的安装及使用 1.直接通过路径引入,地址:htt…

android内部培训视频_第一节

声明:本视频为公司内部做android培训时录制的,无任何商业目的.同时鉴于水平有限,可能不符合您的需求,放在这里的目的是提供给公司同事下载,作为培训的一个记录,也作为一个系列教程的自我督促完成的理由. 第一节:基础知识入门 1.两款开发工具介绍 eclipse,android studio 2.培训目录(计划11课时) 01 基础知识:开发工具,项目目录,开发调试方法,adb命令 02 布局基础:线性,相对等布局 03 常用控件:button,textView,toast,menu等 04 网…