VUE学习--基础篇

最新推荐文章于 2024-10-16 18:35:07 发布

冭天眞

最新推荐文章于 2024-10-16 18:35:07 发布

阅读量132

点赞数

分类专栏：前端开发文章标签： vue.js

本文链接：https://blog.csdn.net/nn5354486/article/details/108233781

版权

本文详细介绍了Vue.js的基础知识，包括如何引入Vue.js、数据绑定、实例化、指令与事件、计算属性、内置指令、条件渲染、列表渲染、方法与事件的使用。重点讲解了v-bind、v-on的语法糖以及v-if和v-for的差异。同时，提到了Vue实例的生命周期和计算属性的特性，强调了在数据声明和模板语法中的注意事项。

摘要由CSDN通过智能技术生成

一、引入

<!--自动识别最新稳定版本的VUE.js -->
<script src="https://unpkg.com/vue/dist/vue.min.js"></script>
<!--指定某个具体版本的VUE.js -->
<script src="https://unpkg.com/vue@2.1.6/dist/vue.min.js"></script>

还可以通过下载VUE.js 之后通过想断路劲来引入

二、
//第一个示例，段落、列表

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue 测试实例 - 菜鸟教程(runoob.com)</title>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
</head>
<body>
<div id