尚硅谷Vue2.0+Vue3.0全套教程

尚硅谷Vue2.0+Vue3.0全套教程,全网最新最强vuejs从入门到精通

  • 001 课程简介
  • 002 vue简介
  • 003 Vue官网使用指南
  • 004 搭建Vue开发环境
  • 005 Hello小案例
  • 总结


001 课程简介

尚硅谷Vue2.0+Vue3.0全套教程_第1张图片尚硅谷Vue2.0+Vue3.0全套教程_第2张图片
尚硅谷Vue2.0+Vue3.0全套教程_第3张图片

尚硅谷Vue2.0+Vue3.0全套教程_第4张图片


002 vue简介

尚硅谷Vue2.0+Vue3.0全套教程_第5张图片

尚硅谷Vue2.0+Vue3.0全套教程_第6张图片



尚硅谷Vue2.0+Vue3.0全套教程_第7张图片
尚硅谷Vue2.0+Vue3.0全套教程_第8张图片


003 Vue官网使用指南

链接: https://vuejs.org/
尚硅谷Vue2.0+Vue3.0全套教程_第9张图片


004 搭建Vue开发环境

1.下载开发版本的vue.js
2.安装开发者调试工具
3.关闭提示
在使用 Vue 时,推荐在你的浏览器上安装 Vue Devtools。它允许你在一个更友好的界面中审查和调试 Vue 应用。


005 Hello小案例

下面展示 代码片.

// An highlighted block
DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>初识Vuetitle>
		
		<script type="text/javascript" src="../js/vue.js">script>
	head>
	<body>
		

		
		<div id="demo">
			<h1>Hello,{{name.toUpperCase()}},{{address}}h1>
		div>

		<script type="text/javascript" >
			Vue.config.productionTip = false //阻止 vue 在启动时生成生产提示。

			//创建Vue实例
			new Vue({
				el:'#demo', //el用于指定当前Vue实例为哪个容器服务,值通常为css选择器字符串。
				data:{ //data中用于存储数据,数据供el所指定的容器去使用,值我们暂时先写成一个对象。
					name:'atguigu',
					address:'北京'
				}
			})

		script>
	body>
html>

代码如下(示例):

下面展示同样高亮的 代码片.

// An highlighted block
var foo = 'bar';

该处使用的url网络请求的数据。


总结

提示:这里对文章进行总结:

目录

你可能感兴趣的:(vue.js,javascript,前端,vue-cli3,uni-app)