初始Vue(1)

Yes

No

v-for

  • {{item.message}}

    vue绑定事件


    v-on

    click


    vue双向绑定


    v-model

    下拉框 :

    --请选择-- A B C

    选中的是 : {{selected}}


    Vue组件讲解


    component


    Axios异步通信


    Title
    {{info.name}}
    {{info.address.street}}

    点我


    计算属性


    Title

    currentTime1: {{currentTime1()}}

    currentTime2: {{currentTime2}}

    结论:

    调用方法时,每次都需要进行计算,既然有计算过程则必定产生系统开销,那如果这个结果是不经常变化的呢?此时就可以考虑将这个结果缓存起来,采用计算属性可以很方便的做到这一点,计算属性的主要特性就是为了将不经常变化的计算结果进行缓存,以节约我们的系统开销;


    插槽slot


    Title

    <todo-items slot="todo-items"v-for=“item in todoItems” :item=“item”>


    第一个vue-cli项目


    node -v

    npm -v

    npm install cnpm -g

    安装的位置 c:user/administrator/appData/Roaming/npm 隐藏文件打开

    安装vue-cli

    cnpm install vue-cli -g

    vue list

    vue init webpack myvue

    cd myvue

    npm install

    npm rum dev


    webpack学习使用


    npm install webpack -g

    npm install webpack-cli -g

    测试安装成功

    webpack -v

    webpack-cli -v

    使用webpack

    1.创建项目

    2.创建一个名为modules的目录,用于放置JS模块等资源文件

    3.在modules下创建模块文件,如hello.js,用于编写JS模块相关代码

    //暴露一个方法:sayHi

    export.sayHi=function(){

    document.write(“

    hello webpack
    ”);

    };

    4.在modules下创建一个名为main.js 的入口文件,用于打包时设置entry 属性

    //require导入一个模块,就可以调用这个模块中的方法了

    var hello = require( “./hello”);

    hello.sayHi();

    5.在项目目录下创建webpack.config.js配置文件,使用webpack 命令打包

    module.exports = {

    entry : “./modules/main.js”,

    output :{

    filename : “./js/bundle.js”

    }

    }

    6.在项目目录下创建HTML页面,如 index.html,导入 WebPack打包后的JS文件

    7.在IDEA控制台中直接执行webpack;如果失败的话,就使用管理员权限运行即可!

    8.运行HTML看效果


    vue-router路由


    #安装

    npm install vue-router --save-dev

    测试

    1、先删除没有用的东西

    最后

    自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

    深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。

    因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

    img

    既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!

    如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!

    由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

    8.运行HTML看效果


    vue-router路由


    #安装

    npm install vue-router --save-dev

    测试

    1、先删除没有用的东西

    最后

    自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

    深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。

    因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

    [外链图片转存中…(img-YCWnLQso-1715851588815)]

    [外链图片转存中…(img-yW2RBrlx-1715851588815)]

    [外链图片转存中…(img-BQ0pFT7E-1715851588815)]

    既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!

    如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!

    由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

  • 4
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值