初识

<!DOCTYPE html>
<html lang="zh_CN">
<head><meta charset="UTF-8"><title>Vue</title><script src="lib/vue.js"></script>
</head>
<body>
<script>// 一般直接运行会报两个错误 第一个下载vue 开发者工具，自行百度下载// 第二条会报// You are running Vue in development mode.Make sure to turn on production mode when deploying for production.See more tips at https://vuejs.org/guide/deployment.html// 所以 参考官方文档里的 资料 给一下配置就解决一下问题Vue.config.productionTip = false // 取消生产环境下产生警告
</script>
</body>
</html>

Hello Vue 模板语法

<!DOCTYPE html>
<html lang="zh_CN">
<head><meta charset="UTF-8"><title>Hello Vue</title><script src="lib/vue.js"></script>
</head>
<body>
<!-- 想让Vue 工作， 首先创建一个Vue实例 并且传入配置对象 -->
<!-- 然后为 Vue 实例 选择一个容器 root 容器里的代码必须符合 HTML 规范 只不过混入了 Vue 语法 -->
<!-- {{ value }} 花括号可以读取所有的 Vue实例 中的 data 的数据-->
<!-- 一旦 data 中的数据发生改变，页面中的数据也会自动发生改变 -->
<!-- 插值语法： -->
<!--  1. 功能： 用来解析标签体内容 -->
<!--  1. 语法： 可以写 js 的表达式 -->
<!-- 指令语法：  -->
<!-- 2. 功能 解析标签 标签属性 标签内容 绑定事件 -->
<!-- 2. 语法 一般为 v-xxx 开头 -->
<div id="root"><h1>Hello {{ name }}</h1><a v-bind:href="url">这是我的网站</a><a :href="school.url">这是我的个人博客</a>
</div>
<script>// Vue.config.productionTip = false // 取消生产环境下的警告new Vue({el: '#root', // 用于指定当前 Vue 实例 为那个容器服务， 通常作为 css选择器// el: document.getElementById('root') // 这样写也行呢data: { // 用于提供数据，供 Vue 实例的容器所使用， 当前暂且写成一个对象name: 'Vue',url: 'https://www.baidu.com',school: {url: 'https://www.blog.cn'}}})// 注意 ：容器和实例一一对应
</script>
</body>
</html>

Vue2 的学习经历初识相关推荐

【Vue2.0学习】—数据绑定
[Vue2.0学习]-数据绑定 <!DOCTYPE html> <html lang="en"><head><meta charset=& ...
Nancy in .Net Core学习笔记 - 初识Nancy
原文:Nancy in .Net Core学习笔记 - 初识Nancy 前言去年11月份参加了青岛MVP线下活动,会上老MVP衣明志介绍了Nancy, 一直没有系统的学习一下,最近正好有空,就结合. ...
我在51cto微职位学软考——宝妈一次性通过高项的学习经历
先做个自我介绍,我是2015年6月本科毕业,之后在一家国企的软件部门上班,两年半的时间我经历了结婚.怀孕的过程,公司比较照顾平时就让我做做测试什么的,2018年1月我晋升为一个宝妈,歇了6个月的产假, ...
怎么学python-结合学习经历，谈一谈如何学习Python
结合自己的学习经历,谈一谈如何学习Python吧. 入门阶段 Python其实语言本身已经很接近自然语言了,所以入门其实并不麻烦.如果你是从未接触过编程的萌新,给你推荐一门Udacity CS101, ...
阿里P6Java工程师的学习经历自述，希望新人少走弯路
我个人觉得学习JAVA必须的具备的几个条件: 第一:目标,坚持下去的一颗心,因为学习JAVA不容易,而且现在转行的也多,工资高,最后能拿高薪的都是刚开始没日没夜的熬过来的,所以坚持非常重要,而为什么学 ...
【Vue2.0学习】—Vuex工作原理图（二十五）
[Vue2.0学习]-Vuex工作原理图(二十五) 一. Vuex 是什么? 概念: 专门在Vue中实现集中式状态(数据)管理的一个Vue插件,对Vue应用中多个组件的共享状态进行集中式的管理(读/写 ...
怎么自学python-结合学习经历，谈一谈如何学习Python
结合自己的学习经历,谈一谈如何学习Python吧. 入门阶段 Python其实语言本身已经很接近自然语言了,所以入门其实并不麻烦.如果你是从未接触过编程的萌新,给你推荐一门Udacity CS101, ...
考过HCIP入职心仪公司，分享华为认证学习经历及心得
我成功考过了HCIP,并通过HCIP技术拿下了3家心仪公司. 学习经历考过或者了解过HCIP的朋友都知道,考试内容大多数是概念类的问题.因为我工作的缘故没有太多时间自学,所以我报了个线上培训班,这个 ...
Direct3D11学习经历分享
今天突然看到CSDN博客不显示网易相册的图片了,大家如果敢兴趣的话到我的网易博客阅读哈.地址: http://politician2012.blog.163.com/blog/static/20784 ...

Vue2 的学习经历初识

初识

Hello Vue 模板语法

Vue2 的学习经历初识相关推荐

最新文章

热门文章

Vue2 的学习经历 初识

初识

Hello Vue 模板语法

Vue2 的学习经历 初识相关推荐

最新文章

热门文章

Vue2 的学习经历初识

Vue2 的学习经历初识相关推荐