学习Vue基础的分享

最新推荐文章于 2024-04-08 19:24:18 发布

liusongjing

最新推荐文章于 2024-04-08 19:24:18 发布

阅读量513

点赞数 1

分类专栏： vue前端框架

本文链接：https://blog.csdn.net/meihuasheng/article/details/90084067

版权

vue前端框架专栏收录该内容

19 篇文章 0 订阅

订阅专栏

Vue是一个前端框架，所以就有自己特定的语法，所以在这里列出学到的基础语法作用：基础模板参考

<html>
<head>
	<meta charset="UTF-8" />
	<title>Document</title>	
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>	
</script>
</head>
<body>
	<div id="app">
		<!--<input type="text" v-on:input = "changeName" />-->
		<h1>{{testName()}}<a v-bind:href=" link ">baidu</a></h1>
	</div>
</body>
<script>
	new Vue({
	  el: '#app',
	  data: {
	  	name:"liusonging",
	  	link : "https://www.baidu.com"
	},
	methods:{
		testName(){
			return "liusonging"
		}
	}	
})
</script>
</html>

引入Vue文件，<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

做一个项目需要的东西有：开发服务器；Babel；postcss less sass;esLint(规范代码用的);

所以有了Web pack将所有的一键引入

Vue CLI3充当一个脚手架下载Vue CLI3的步骤

首先要先下载Nodejs 版本要大于8.9 然后就运行黑窗口用npm安装： npm install -g @vue/cli

vue create vue-test 创建项目

npm run serve 运行环境

vue ui 可以查看图形界面

最后vue具体语法看手册嘿嘿：vuejs.org

liusongjing

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
学习Vue基础的分享

Vue是一个前端框架，所以就有自己特定的语法，所以在这里列出学到的基础语法作用：基础模板参考<html><head> <meta charset="UTF-8" /> <title>Document</title> <script src="https://cdn.jsdelivr.net/npm/vue/dis...
复制链接

扫一扫