中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

react jsx 語法 和vue template 語法區別

發布時間:2020-05-20 22:06:44 來源:網絡 閱讀:901 作者:蠢蠢的蝸牛 欄目:web開發

vue 的template 和react jsx 有什么區別呢,來整理下。

1:追求理念不一樣

react 認為現在瀏覽器追求的js css html 這三種文件分工協作的方式效率低下,他認為js css html 應該是一個整體,而不是像現在這樣分的這么清楚,協作的時候造成了很多麻煩,所以他們推薦一個組件的所有代碼都寫在一個jsx當中,這樣更有利于組件化開發。
 jsx 本身也是js的一種擴展,可以完全寫js 沒問題,基本上一個有狀態的組件就是一個類。在一個固定的render方法里返回標簽,標簽和數據邏輯全都耦合在一個類里面。

react jsx 語法 和vue template 語法區別

甚至樣式也寫在里面

react jsx 語法 和vue template 語法區別

而 vue 漸進性框架 就分的比較清楚了

react jsx 語法 和vue template 語法區別

模板是template js 呢還是用script包裹起來,和傳統的用法沒有太大區別,利于新手接收一些。

2 :修改數據方式

vue 修改data數據 可以直接 this.data="xxx";而react 還需要setState({data:"xxx"})方法

3 綁定方法
react 由于this 不能綁定到實例對象,所以綁定的時候還需要在標簽里或者構造函數里面綁定 this.event=this.evnet.bind(this); 或者 onClick={()=>{this.event()}}
而vue 可以直接寫方法名,要簡單不少,但利用箭頭函數也可以直接綁定this也算差不多了吧

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

噶尔县| 吴江市| 休宁县| 乌兰察布市| 沂南县| 濉溪县| 拉萨市| 齐河县| 辰溪县| 镇平县| 新巴尔虎左旗| 上高县| 泗阳县| 岳阳县| 涞源县| 辛集市| 长春市| 麟游县| 彰武县| 红安县| 卢龙县| 桐乡市| 德庆县| 天峨县| 巴彦县| 西城区| 永清县| 巴彦淖尔市| 平舆县| 新竹县| 武安市| 隆安县| 朝阳市| 同德县| 陆川县| 大庆市| 南漳县| 黎平县| 岑溪市| 莆田市| 成武县|