01-Vue初学习 - 相关文章

vue.js 2.0 官方文档学习笔记 —— 01. vue 介绍

这是我的vue.js 2.0的学习笔记,采取了将官方文档中的代码集中到一个文件的形式.目的是保存下来,方便自己查阅. !官方文档:https://cn.vuejs.org/v2/guide/ 01. vue 介绍 <html> <head> <meta charset="utf-8"/> <title>vue 介绍</title> <!-- <script src="js/vue.min.js"…

Vue.js学习笔记：在元素和 template 中使用 v-if 指令

f 指令语法比较简单,直接上代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <script src="https://cdn.bootcss.com/vue/2.2.…

vue入门学习（基础篇）

vue入门学习总结: vue的一个组件包括三部分:template.style.script. vue的数据在data中定义使用. 数据渲染指令:v-text.v-html.{{}}. 隐藏未编译的标签:v-cloak . 控制模块隐藏:v-if(值为false时不会渲染到dom上).v-show(相当于display属性的show和hide). 事件绑定:v-on.@语法,一般方法写在methods里面,需要操作dom的方法写在mounted里面,此时dom渲染完毕. 属性绑定:v-bind.…

Vue.js学习笔记（2）vue-router

vue中vue-router的使用:…

vue初体验：实现一个增删查改成绩单

前端变化层出不穷,去年NG火一片,今年react,vue火一片,ng硬着头皮看了几套教程,总被其中的概念绕晕,react是faceback出品,正在不断学习中,同时抽时间了解了vue,查看了vue官方文挡,看完格外入眼,总觉得要拿来试一试手. 正好周未,做一个小成绩单玩玩,以前有用avalon也做过一个类似的:http://www.cnblogs.com/xwwin/p/5203334.html 从过程来看,二个框架都在避免开发者频繁操作dom,脱离dom苦海,安心处理数据业务逻辑,从二个示例来…

clisp, scheme 和 clojure 初学习

clisp, scheme和clojure 初学习 1 clojure "clojure绝对会成为你的编程工具箱里的终极武器" "其他语言可能只是工具,但 Clojure 才是少见的真正揭示编程之美.令你无条件入迷的那种东西." 有时候我们需要一种粘合剂,它本身并不需要提供庞大的功能,但是能够很容易地调用已经存在的类库.我们自然联想到微软的COM和JavaScript脚本这样的东西,的确和这个很类似,但是是一个更强大的脚本,虽然它类似脚本,但其实是很高级的语言,它运…

vue.js 学习笔记3——TypeScript

目录 vue.js 学习笔记3--TypeScript 工具基础类型数组元组枚举字面量接口类类型类类型要素函数函数参数 this对象和类型重载迭代器 Symbol.iterator 声明.解构.展开.类型断言泛型泛型约束交叉类型.联合类型索引类型映射类型类型兼容类型保护.推断模块和命名空间装饰器类装饰器: 函数装饰器: 属性装饰器: 参数装饰器: vue.js 学习笔记3--TypeScript 工具 npm install -g typescript…

vue.js学习资料

vue.js学习VuejsAPI教程 https://vuejs.org.cn/guide/Vuejs自己的构建工具 http://www.jianshu.com/p/f8e21d87a572如何用vue.js搭建APP https://sally-xiao.gitbooks.io/book/content/vuejszu_jian.html(1/2)Vue构建单页应用最佳实战 http://div.io/topic/1701…

在进行vue的学习，项目中需要引入bootstrap、jquery的步骤。

在进行vue的学习,项目中需要引入bootstrap.jquery的步骤. 一.引入jQuery 在当前项目的目录下(就是package.json),运行命令 cnpm install jquery --save-dev 这样就将jquery安装到了这个项目中. 然后修改webpack.base.conf.js(在build文件下)两个地方: 1:加入 var webpack=require('webpack'); 2 在module.exports的里面加入 plugins: [ new w…

vue.js学习之better-scroll封装的轮播图初始化失败

vue.js学习之better-scroll封装的轮播图初始化失败问题一:slider组件初始化失败原因:页面异步获取数据很慢,导致slider初始化之后,数据还未获取到,导致图片还未加载解决方法: 在slider组件中监听页面传过来的图片数据,如果图片更新了,再次出发页面slider的初始化 1:首先在slider.vue的prop中注册一个变量 imgData: { type: Array, default: null } 2:监听 watch: { imgData() { setTi…

vue.js学习之跨域请求代理与axios传参

vue.js学习之跨域请求代理与axios传参一:跨域请求代理 1:打开config/index.js module.exports{ dev: { } } 在这里面找到proxyTable{},改为这样: proxyTable: { '/api': { target: 'http://121.41.130.58:9090',//设置你调用的接口域名和端口号别忘了加http changeOrigin: true, pathRewrite: { '^/api': ''//这里理解成用‘/ap…

vue.js学习之打包为生产环境后，页面为白色

vue.js学习之打包为生产环境后,页面为白色一:配置问题当我们将项目打包为生产环境后,在dist文件夹下打开index.html,会发现页面为白色. 1:打开config>index.js 2:在build对象找到assetsPublicPath,值改为‘./’ 二:页面高度问题在低版本的ios手机上,页面也是白屏,这个时候应该是html,body都没有设置高度,我们在页面加上如下代码就行: html, body { width: 100%; height: 100%; margin:…

vue.js学习之如何在手机上查看vue-cli构建的项目

vue.js学习之如何在手机上查看vue-cli构建的项目一:找到config文件夹下的index.js文件,打开后,将host的值改为你本地的ip,保存后重启项目二:输入ip和端口号打开项目三:将地址复制,使用二维码转换工具(草料二维码)生成二维码后,使用手机扫描,就可以查看了. 注意:扫描后浏览器会有一个提示信息,点击访问原网页就行了后续更新: 2017/12/20更新,新版vue-cli,部分手机浏览器访问白屏: 将config/index.js 的devtool: 'eval…

【VUE】VUE相关学习和知识备份

一.学习资料参考 1.1.Vue.js 官网:Vue.js https://cn.vuejs.org/ 官方文档:介绍 - Vue.js https://cn.vuejs.org/v2/guide/ API 参考:API - Vue.js https://cn.vuejs.org/v2/api/ 附:vue.js(1.0版本) https://v1-cn.vuejs.org/ (教程和API自行寻找) 1.2.Vue Router 学习和理解: 官方文档:介绍 | Vue Router http…

c# window服务-初学习

window服务-初学习一.工具: VS2015+NET Framework4.5. 二.操作: 1.新建windows服务的项目: 2.修改windows服务相关内容: 3.预览windows服务代码结构: 4.windows服务生成与发布: 三.代码: 1.测试代码: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 4…

VUE框架学习——脚手架的搭建

#我的VUE框架学习题记:初识VUE,觉得VUE十分的不错,故决定去深入的了解学习它,工欲善其事,必先利其器,下面是我搭建vue环境的过程! #一.项目搭建及初始化 1.安装:node.js:去官网下载:https://nodejs.org/en/ 2.安装cnp:mnpm install -g cnpm --registry=https://registry.npm.taobao.org 安装后打开cmd控制台,由于npm的源在国外,我们利用国内镜像去使用 3.全局安装webpack:cnp…

Vue快速学习_第一节

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

Vue – 基础学习(4):事件修饰符

Vue – 基础学习(3):事件修饰符…

Vue – 基础学习(3):$forceUpdate()和$nextTick()的区别

Vue – 基础学习(3):$forceUpdate()和$nextTick()的区别…

Vue – 基础学习(2):组件间通信及参数传递

Vue – 基础学习(2):组件间通信及参数传递…

Vue – 基础学习(1):对生命周期和钩子函的理解

一.简介先贴一下官网对生命周期/钩子函数的说明(先贴为敬):所有的生命周期钩子自动绑定 this 上下文到实例中,因此你可以访问数据,对属性和方法进行运算.这意味着你不能使用箭头函数来定义一个生命周期方法 (例如 created: () => this.fetchTodos()).这是因为箭头函数绑定了父上下文,因此 this 与你期待的 Vue 实例不同,this.fetchTodos 的行为未定义. 上面是官方文档对生命周期/钩子函数的总览介绍.如果单看这个总览介绍,绝对是一头雾水,不清不…

Vue.js学习-组件注册与使用

Vue.js学习文档地址:https://cn.vuejs.org/v2/guide/ 关于自定义组件注册: 建议将<script></script>放在body标签之后 HTML: <p> 看不到自己注册的组件todo-item: <todo-item></todo-item> </p> <p>上面,注册组件失败, 因为:使用这个组件的p元素Vue并不认识. 其实只要Vue中el通过id找到p就可以,能被识别下面的成…

Vue 新手学习笔记：vue-element-admin 之安装，配置及入门开发

所属专栏: Vue 开发学习进步说实话都是逼出来的,对于前端没干过ES6都不会的人,vue视频也就看了基础的一些但没办法,接下来做微服务架构,前端就用 vue,这块你负责....说多了都是泪,脚手架框架布了都没看过干就完事,不过好在做好了,这里写下给和我一样苦逼的同学能快点适应入门下,当然一些基础的东西还是要知道的主要分为几个部分安装准备工作 mock 假数据页面 axios 连接后台真数据正式环境部署前端完整代码肯定有地方不太对的,麻烦大家指出来安装前端我推荐用 vscode…

vue.js学习记录

vue.js学习记录文章已同步我的github笔记https://github.com/ymblog/blog,欢迎大家加star~~ vue实例生命周期 beforeCreate:不能访问this.$el和this.$data用于初始化非响应式变量created:可以访问this.$data,不能访问到this.$el属性,this.$refs内容,用于ajax请求,created里赋值,data不用定义beforeMount:this.$el和this.$data都初始化了,挂载前thi…

vue组件学习(二)

父子组件之间的数据传递, 父传给子: 直接在组件上传,如:<count :number="2"> (冒号和不要冒号的区别,有冒号会自动转为相应的类型)在名为count的组件,父组件传了number=2的值给子组件子组件通过props:['number'] 接收; 子传给父组件: 通过$emit('change',参数),change可以任意命名,向父组件暴露数据接口父组件通过监听"change"然后调用一个方法获取到的参数和值 <!DOCTY…

vue组件学习(一)

1, vue中的 is 的用法,有时候我们需要把一个组件绑定到指定的标签下,比如把tr组件放到table下,直接这样写是不行的, <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=…

Python初学习:简单的练习题

Python初学习一些见到那的练习题: 初级难度设计一重量转换器,输入以g为单位的数字后,返回换算结果以Kg为单位的结果中级难度设计一个求直角三角形斜边长的函数,(以两个直角边为参数,求最长边)如果直角边长分别为3和4,那么返回的结果要是这样的 The right triangle third side's length is 5.0 1-解答初级难度:主要是考验对def方法的应以,以及方法的调用 @# encoding: utf-8 转换编码格式,如果有中文,一定在最上面加上这个,小…

vue第四单元(初识vue-在页面中直接引入vue框架-学习使用vue语法-vue的指令-介绍data用法-methods用法)

第四单元(初识vue-在页面中直接引入vue框架-学习使用vue语法-vue的指令-介绍data用法-methods用法) #课程目标了解 vue 框架的特点掌握创建 vue 实例掌握 data 用法及特点掌握 vue 基本指令的用法掌握 methods 用法 #知识点直接用 <script> 引入,Vue 会被注册为一个全局变量. 创建vue实例,并将实例挂载到window上. <body> <div id='app'> <h1>{{msg}…

vue框架初学习的基本指令

学习地址:<ahref="https: cn.vuejs.="" org="" "="" target="_">https://cn.vuejs.org/ vue海量案例首先引入vue.js; 之后实例化以下vue…

【MVC学习笔记01】初窥奥秘

前言最近工作落实了,是我非常喜欢的无线前端,会接触很多新东西啦,需要努力才行.因为会用到backbone,所以要学习MVC啦. MVC(模型-视图-控制器),这种模式最早被用于构建桌面程序和服务器端的应用程序. 最近几年由于前后端数据的转移,前端所占的业务逻辑越来越重,于是这种模式便出现在了我们前端的javascript中了,比如Backbone 然后MVP与MVVM也先后在前端出现,并且各自拥有其拥戴者. 初探MVC MVC是一种架构设计模式,他通过关注点分离改进程序组织,从而达到优化程序的…

【01-Vue初学习】的更多相关文章