vue三部曲

谷子学长 • 2023年06月19日 19:28 • 2年前 • 编程日记 • 阅读(4) • 违法举报

vue初入

简介

vue生于2014年

Vue等框架与jQuery的区别

jQuery是基于操作dom的库

Vue框架是以数据驱动和组件化开发为核心

留坑、引包、实例化、插值表达式{{}}

vue第一个简单案例练习图。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-HmfRfRUT-1687087857429)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20221009014105094.png)]$

引包

使用cnpm install vue@2下载vue2（@version下载指定版本，不加下载最新版本），然后将vue.js放到外面，如图所示。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zFksRpxr-1687087857433)(pic/image-20220925233714454.png)]

实例化

new Vue({对象})，此对象中包括，el目的地、template模板、data数据

data

其中data值的形式可以是函数也可以是对象，函数最后也是return一个对象

插值表达式

data中的数据通过插值表达式 {{数据对象key}} 的形式，传入模板template中。文章来源地址https://uudwc.com/A/bz2Er

【tips】使用sublime时，只需要敲<html回车即可快速生成html模板。

原文地址:https://blog.csdn.net/qq_39219307/article/details/131275152

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请联系站长进行投诉反馈，一经查实，立即删除！